.cg-category {
    height: 100%;
    .cg-category-nav {
        .category-nav {
            background-color: var(--themeColor);
            color: white;
        }
    }
    .cg-category-content {
        display: flex;
        .content-left {
            flex:1;
            height: calc(100vh - 3.866667rem);
            background-color: #f3f3f3;
            overflow-y: scroll;
            .content-left-item{
                color:#323232;
                font-size: 0.426667rem;
                text-align: center;
                padding: 0.3rem 0;
            }
            .active{
                span{
                    display: inline-block;
                    width: 100%;
                    color:var(--themeColor);
                    border-left: 2px solid var(--themeColor);
                }
            }
        }

        .content-right {
            flex:3;
            height: calc(100vh - 3.866667rem);
            overflow-y: scroll;
            background-color: #fff;
            .content-right-item {
                .right-item-title {
                    height: 1.333333rem;
                    line-height: 1.333333rem;
                    text-align: center;
                }

                .product-list {
                    display: flex;
                    flex-wrap: wrap;

                    .product-list-item {
                        width: 33.33%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        .imageWrapper {
                            img {
                                width: 1.6rem;
                                height: 1.6rem;
                            }
                        }

                    }
                }
            }
        }
    }
    
}